.data-grid {
  border: none;
}

.data-grid td .url-outer {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
}

.data-grid td .url-outer .filter-highlight {
  font-weight: bold;
}

.data-grid td .url-prefix {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.data-grid td .url-suffix {
  flex: none;
}

.data-grid td .bar {
  display: inline-block;
  height: 8px;
}

.data-grid .selected td .bar {
  border-top: 1px white solid;
  border-bottom: 1px white solid;
}

.data-grid .selected td .bar:last-child {
  border-right: 1px white solid;
}

.data-grid .selected td .bar:first-child {
  border-left: 1px white solid;
}

.data-grid td .bar-container {
}

.data-grid td .bar-unused-size {
  background-color: #E57373;
}

.data-grid td .bar-used-size {
  background-color: #81C784;
}

.data-grid td .percent-value {
  color: #888;
  width: 45px;
  display: inline-block;
}

.data-grid:focus tr.selected span.percent-value {
  color: #eee;
}
